<template>
  <view>
    <view class="searchPP">
      <img
        @click="goBackM"
        style="width: 0.6rem; height: 1rem; padding: 0rem 0.5rem 0rem 0rem"
        src="../../style/image/cargo/leftarow.jpg"
        alt=""
      />
      <view class="searchP">
        <view class="search" :style="{ width: '100%' }">
          <u-search
            placeholder="请输入您的代理名称或电话号码"
            shape="round"
            v-model="keyword"
            :show-action="false"
          ></u-search>
        </view>
        <!-- <view @click="celendarM" class="celendar">
                <img :style="{ width:'1.1rem',height:'1.1rem', margin:'0rem 0.5rem'}" src="../../style/image/stati/日历@3x.png" alt="">
                <view>2019.10.09</view>
                </view> -->
      </view>
    </view>

    <view class="myAgentC"> 

    </view>

    <u-index-list :scrollTop="scrollTop">
      <view v-for="(item, index) in indexList" :key="index">
        <u-index-anchor :index="item" />
       <view  class="angent-item">
            <view class="angent-item-child">
            <u-avatar size='70' :src="src" mode="circle"></u-avatar>
             <view style="
font-size: 0.78rem;
font-family: PingFang SC;
font-weight: 400;
margin-left: 1rem;
color: #000000;">HAPPY ~ ~</view>
                <img style="width: 1rem;
margin: 0rem 1rem;" src="../../style/image/my/A16.png" alt="">
                <view style="
font-size: 0.72rem;
font-family: PingFang SC;
font-weight: 300;
color: #FF961C;" >一级会员
                </view>
            </view>
       </view>
      </view>
    </u-index-list>
  </view>
</template>

<script lang='ts' >
import { Component, Prop, Vue, Watch, Emit } from "vue-property-decorator";

@Component({
  //   @Component  是一个装修器   不可以在下面写语句
  name: "test",
})
export default class extends Vue {
  @Prop({
    type: String, // 父组件传递给子组件的数据类型
    required: false, // 是否必填
    default: " ", // 默认值， 如果传入的是 Object，则要 default: ()=>({}) 参数为函数
  })
  msg!: string;

  public keyword = "";

  scrollTop = 0;
  indexList = [
    "A",
    "B",
    "C",
    "D",
    "E",
    "F",
    "G",
    "H",
    "I",
    "J",
    "K",
    "L",
    "M",
    "N",
    "O",
    "P",
    "Q",
    "R",
    "S",
    "T",
    "U",
    "V",
    "W",
    "X",
    "Y",
    "Z",
  ];

  public repairLists = [
    {
      mainTitle: "拉卡拉总代理",
    },
    {
      mainTitle: "拉卡拉总代理",
    },
  ];

  created() {}

  mounted() {
    //  console.log('父组件传递的参数:',this.$parent)   //暂时不考虑
  }

  goBackM(){
  
    uni.navigateTo({
    url: '../home/home'
    });
  }
}
</script>

<style  scoped>
.searchPP {
  background-color: white;
  padding: 0.5rem;

  display: flex;
  align-items: center;
  border-bottom: 1px solid #e8e8e8;
}
.searchP {
  background-color: white;
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.angent-item-child{
    width: 70%;
display: flex;
padding: 0.5rem;
align-items: center;
}

</style>